// page/shangpinliebiao/shangpinliebiao.js

Page({

    
    /**
     * 页面的初始数据
     */
    data: {

        baseURL:wx.baseURL,
        daohang:[
            {
                id:1,
                flag:0,
                wenzi:'综合',
                // img:'./image/lianhe1.png',
                // yanse:'',
                sorted:0
            },
            {
                id:2,
                flag:0,
                wenzi:'销量',
                // img:'./image/lianhe1.png',
                // yanse:'',
                sorted:1
            },
            {
                id:3,
                flag:0,
                wenzi:'价格',
                img:'./image/lianhe1.png',
                // yanse:'',
                sorted:2
            },
            {
                id:4,
                flag:0,
                wenzi:'全部品牌',
                img:'./image/lianhe1.png',
                // yanse:'',
            }
        ],
        first_id:0,
        flag:0,
        
        pinpai:[],
        zhanshi:[],
        // zhanshi:[
        //     {
        //         id:1,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:2,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:3,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:4,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:5,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:6,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:7,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:8,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     },
        //     {
        //         id:9,
        //         img:'./image/p1.png',
        //         wenzi:'轻奢吧椅Y66',
        //         jiage:'￥8600.00',
        //     }
        // ],

        che:'./image/gouwuche.png',
        rows:[],
        total:0,

        query:{
            key:'',
            pageNum:1,
            pageSize:10,
            sorted:0     //排序
        },


        chuangkougaodu:''
    },
    
    //选择品牌点击事件
    ppclick(e){
        let index = e.currentTarget.dataset.index;
        let flag1 = this.data.pinpai[index].flag;
        flag1++
        let bian = 'pinpai['+index+'].flag'
        if(flag1==2){
            this.setData({
                [bian]:0,
            })
        }else{
            this.setData({
                [bian]:flag1,
            })
        }
        console.log(index+'flag:'+this.data.pinpai[index].flag)
        console.log(this.data.pinpai)
    },

    //重置品牌选项
    chongzhi(){
        let changdu = this.data.pinpai.length
        console.log('品牌选项重置成功')
        for(let i=0;i<changdu;i++){
            let quxiao = 'pinpai['+i+'].flag'
            this.setData({
                [quxiao]:0,
            })

        }
    },

    //品牌确定点击事件
    queding(e){
        //选择品牌的导航
        let brandIds= []
        for(let i=0;i<this.data.pinpai.length;i++){
            if(this.data.pinpai[i].flag==1){
                brandIds.push(i)
            }
        }
        this.data.query.brandIds = brandIds.join(',')
        this.refresh(()=>{
            this.setData({
                first_id:4  //不选择有的4个选项
            })
        })  
    },

    //黑色背景点击事件
    heisebeijin(){
        this.setData({
            first_id:9  //不选择有的4个选项
        })
    },

    //导航点击事件
    dhClick(e){
        let index = e.currentTarget.dataset.index;
        let flag1 = this.data.daohang[index].flag;
        flag1++
        console.log(index);
        let dianji = 'daohang['+index+'].img'
        let bian = 'daohang['+index+'].flag'

        //判断排序
        if(index<3){
            if(index==2){
                if(flag1==2){
                    var sorted = this.data.daohang[index].sorted+1;
                }else{
                    var sorted = this.data.daohang[index].sorted;
                }
            }else{
                var sorted = this.data.daohang[index].sorted;
            }
            this.setData({
                'query.sorted':sorted
            })
            this.refresh()
        }
        


        //判断导航选项的flag，是否被选中————选中=>flag:1___未选中=>flag:0
        if(index<=1){
            if(flag1==2){
                this.setData({
                    flag1:0,
                    [bian]:0,
                    // [se]:'',
                    first_id:index
                })
            }else{
                this.setData({
                    first_id:index,
                    [bian]:flag1,
                    // [se]:'#FA8924',
                    first_id:index
                })
            }
            console.log('flag:'+this.data.daohang[index].flag)
        }else{
            if(flag1==2){
                this.setData({
                    flag1:0,
                    [bian]:0,
                    [dianji]:'./image/lianhe1.png',
                    // [se]:'',
                    first_id:index
                })
            }else{
                this.setData({
                    first_id:index,
                    [bian]:flag1,
                    [dianji]:'./image/lianhe.png',
                    // [se]:'#FA8924',
                    first_id:index
                })
            }
            console.log('flag:'+this.data.daohang[index].flag)
        }
      
    },

    //输入搜索关键字
    inputKey(e){
        this.data.query.key = e.detail.value
    },




    //刷新页面
    refresh(next){
        this.data.query.pageNum =1
        this.data.total = 0
        this.data.rows=[]
        this.shangpin(next)
    },


    //加载品牌列表
    pdliebiao(){
        wx.$https.get('/brands').then((res)=>{   
            console.log(res)  
            this.setData({
                pinpai:res
            }) 
            this.chongzhi()//加载完成后重置品牌列表并给每个选项添加flag判断是否选中
        })
    },

    //加载商品列表
    shangpin(next){
            wx.$https.get('/products',this.data.query).then((res)=>{   
                console.log(res)  
                this.setData({
                    total:res.total,
                    zhanshi:this.data.rows.concat(res.rows),
                    ...res
                    // guanggao:res
                }) 
                if(typeof next =='function') next()
            })
      
    },


    tiaozhuan(e){
        wx.navigateTo({
          url: '../shangpinxiangqin/shangpinxiangpin?productId='+e.currentTarget.dataset.id
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        // this.data.query.key = options.title
        console.log(options)
        let screenHeight = wx.getSystemInfoSync().windowHeight;
        this.setData({
            'query.key':options.title || '',
            chuangkougaodu:screenHeight,
        })
        this.pdliebiao()
        this.shangpin()

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log('已触发下拉触底')
        this.refresh(()=>{
            wx.stopPullDownRefresh()
        })
        
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log('已触发上拉触底')
        
        if(this.data.zhanshi.length<this.data.total){
            this.data.query.pageNum ++
            this.shangpin()
        }
        
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})